<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学习CSS3</title>
		<style>
		/* 引入样式表写法   缺陷：先html 后css */
		@import	url(css/学习CSS3.css);
			/*需求：5个p添加背景颜色  */
			p{
				background: blue;
			}
		</style>
	<!-- 项目专用：外部样式表  找到外部的css文件
	    link元素【可以写多个】  href="相对路径+xxx.css"  
	 -->
	<li nk rel="stylesheet" href="css/学习CSS3.css">
	</head>
	<body>
		<!-- 文本元素群 ：文本元素-->
		<span>今天</span>是周四，<span>明天</span>是周五，<span>后天</span>是放假
		<!-- 一.什么是CSS3
		  Cascading Style Sheets 层叠式样式表，级联样式表，简称样式表
		  【主要作用：效果，布局】
		  使用：HTML5+CSS3构建网页
		  HTML5结构层     元素    属性和属性值   功能：效果
		  问题：针对单个元素
		  CSS3样式层      元素   属性和属性值    功能：效果
		  解决html中属性与属性值针对单个元素操作的问题
		  实现内容与表现分离，解决代码冗余
		  二.使用CSS样式表【4种】
   【不用】①内联【级联】样式表：任意元素的前标记上添加style属性="属性：属性值;"
 [练习专用】②内部样式表：在head元素中，添加style元素，编写css基本写法
【项目专用】③外部样式表：在head元素中，添加link外链元素，编写css基本写法
 【不用】  ④引入样式表：css2语法，在head元素中，添加style元素，添加@import url();
		  三.CSS3基础语法
		  选择器{
			  属性： 属性值;
			  属性： 属性值;
			  ....
		  }
		  选择器：抓取页面元素
		  属性： 属性值;：抓到元素的效果与布局
		  效果与布局：边框，颜色，文本字体，盒模型，浮动，动画....
		   -->
		   <p align="center">lorem</p>
		   <p align="center" >lorem</p>
		   <!-- ①内联样式表语法：style="CSS属性："-->
		   <p style="text-align: center;color: red;">lorem</p>
		   <p align="center" >lorem</p>
		   <p align="center" >lorem</p>
		   
	</body>
</html>